.backup-setting-main {
  .next-card-title {
    max-width: 100%;
  }
}

.backup-content {
  &-size {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: $gray-08;
    margin-bottom: 8px;
    .size {
      margin-right: 20px;
      .number {
        text-align: left;
        line-height: 26px;
        font-weight: 500;
        font-size: 24px;
        letter-spacing: 0;
      }
    }
    .backup-progress {
      width: 160px;
    }
  }
  &-tab {
    font-size: 14px;
    line-height: 20px;
    color: $gray-08;
    .next-tabs-bar {
      border-bottom: 1px solid $gray-03;
      padding: 0 20px;
    }
    .backup-container {
      &-title {
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        color: $gray-08;
        &.has-mt {
          margin-top: 16px;
        }
      }
      &-desc {
        margin-top: 8px;
        font-size: 14px;
        line-height: 20px;
        color: $gray-06;
      }

      &-state {
        display: flex;
        align-items: center;
        margin-top: 8px;
        color: $gray-06;
        .backup-state-dot {
          width: 8px;
          height: 8px;
          background: #aaa;
          margin-right: 4px;
          border-radius: 50%;
          &.green {
            background: $primary-success;
          }
        }
        .backup-state-docs {
          margin-left: 8px;
        }
      }

      &-record {
        color: $gray-06;
        font-size: 14px;
        line-height: 20px;
        .at-error-page-small {
          margin-top: 20px;
        }

        .record-detail {
          margin-top: 16px;
          &-item {
            margin-top: 8px;
            display: flex;
            align-items: center;
            &:first-child {
              margin-top: 0;
            }
            &.success {
              .record-detail-item-state {
                color: $primary-success;
              }
              .record-detail-item-btn {
                display: none;
              }
            }
            &.danger {
              .record-detail-item-state {
                color: $primary-danger;
              }
              .record-detail-item-btn {
                margin-left: 8px;
                color: $primary-brand;
              }
            }
          }
        }
      }
    }
  }
}

.backup-cmd-content {
  .way-content {
    margin-top: 11px;
    font-size: 14px;
    color: #262626;
    line-height: 20px;
    padding: 16px 20px;
    background: #fafafa;
  }
}

.backup-cmd-dialog {
  .next-dialog-body {
    min-height: auto !important;
  }
}

.backup-delete-item {
  color: $primary-danger;
}
